<!-- 公共页头 -->
<template>
<div class="count-top">
      <dv-decoration-11 class="dv-11"
        ><span>{{revTitle || '无标题'}}</span></dv-decoration-11
      >
      <!-- 回首页 -->
      <div class="go-index">
        <p @click="$router.push('/')">
          <i class="el-icon-upload2"></i><span>综合大屏</span>
        </p>
      </div>
    </div>
</template>

<script>

export default {
//import引入的组件需要注入到对象中才能使用
components: {},

//父组件传入子组件数据
props: {
    revTitle: String,
},

//格式化数据
filters: {},

data() {
//这里存放数据
return {

};
},

//计算属性 类似于data概念
computed: {},

//监控data中的数据变化
watch: {},

//生命周期 - 创建完成（可以访问当前this实例）
created() {

},

//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

},

//方法集合
methods: {

},
}

</script>

<style scoped lang='less'>
/* 使用$符号可以标识一个变量;@import url(); 引入公共css类 */
.count-top {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    span {
      font-size: 0.36rem;
      color: #eee;
    }
    .dv-11 {
      width: 25%;
      height: 80%;
    }
    .go-index {
      position: absolute;
      right: 0;
      top: 10%;
      // transform: translateY(-50%);
      p {
        span {
          font-size: 0.2rem;
          font-weight: 700;
          color: #eee;
          padding: 0 0.1rem;
        }
        i {
          font-size: 0.22rem;
          font-weight: 700;
          color: @Blue;
        }
      }
      p:hover {
        span {
          color: @Blue;
        }
      }
    }
  }
</style>